<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>斗地主之狐妖小红娘</title>
    <script type="text/javascript" src="../js/jquery-3.2.1.min.js"></script>
    <script src="../js/welcom.js" type="text/javascript"></script>
    <link rel="stylesheet" href="../css/welcom.css" type="text/css">
</head>
<body>
    <section class="content">
        <!-- 自动播放背景视频 -->
        <video autoplay muted loop> 
            <source src="../video/welcom.mp4">
        </video>
        <!-- 开始游戏按钮 -->
        <div  class="startBox">
            <div class="progressSmallBox"></div>
            <a class="start" href="../html/index.html"></a>
        </div>     
        <!-- 游戏名称 -->
        <img src="../images/title.png" class="title"/>
        <!-- 游戏音乐的播放 -->
        <div class="playMusic" id="playMusic">
            <a href="javascript:void(0);" class="mp3"></a>
        </div>

        <!-- 进度条 -->
        <div class="progressBox">
            <img src="../images/person.png" class="progressPerson">
            <div class="progress"></div>
        </div>
        <!-- 自动播放背景音乐 -->
        <div id="playAudio"></div>
        <!-- 用户须知 -->
        <!-- <div class="userNoticeBox">
            <div class="userNotice">
                <div class="message">
                    <span class="messageTitle">用户须知：</span>
                    <p class="MessageContent">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;抵制不良游戏，拒绝盗版游戏。注意自我保护，谨防受骗上当。适度游戏益脑，沉迷游戏伤身。合理安排时间，享受健康生活。</p>
                    <a id="confirm">确&nbsp;认</a>
                </div>
            </div>
        </div> -->
    </section>
</body>
</html>